home *** CD-ROM | disk | FTP | other *** search
/ PC Open 101 / PC Open 101 CD 1.bin / CD1 / grafica / The Gimp / gimp-help-2-0.3-setup.exe / {app} / share / gimp / 2.0 / help / en / ch03s03s03s02.html < prev    next >
Encoding:
Extensible Markup Language  |  2004-07-20  |  13.4 KB  |  364 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>3.3.2.┬áGradient Tool</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <meta name="generator" content="DocBook XSL Stylesheets V1.64.1" />
  10.     <link rel="home" href="index.html" title="GIMP User Manual" />
  11.     <link rel="up" href="ch03s03s03.html" title="3.3.┬áPaint Tools" />
  12.     <link rel="previous" href="ch03s03s03.html" title="3.3.┬áPaint Tools" />
  13.     <link rel="next" href="ch03s03s03s03.html" title="3.3.3.┬áPencil Tool" />
  14.   </head>
  15.   <body>
  16.     <div class="navheader">
  17.       <table width="100%" summary="Navigation header">
  18.         <tr>
  19.           <th colspan="3" align="center">3.3.2.┬áGradient Tool</th>
  20.         </tr>
  21.         <tr>
  22.           <td width="20%" align="left"><a accesskey="p" href="ch03s03s03.html">Prev</a>┬á</td>
  23.           <th width="60%" align="center">3.3.┬áPaint Tools</th>
  24.           <td width="20%" align="right">┬á<a accesskey="n" href="ch03s03s03s03.html">Next</a></td>
  25.         </tr>
  26.       </table>
  27.       <hr />
  28.     </div>
  29.     <div class="sect3" lang="en" xml:lang="en">
  30.       <div class="titlepage">
  31.         <div>
  32.           <div>
  33.             <h4 class="title"><a id="gimp-tool-gradient"></a>3.3.2.┬áGradient Tool</h4>
  34.           </div>
  35.         </div>
  36.         <div></div>
  37.       </div>
  38.       <a id="id2949622" class="indexterm"></a>
  39.       <div class="mediaobject">
  40.         <img src="../images/toolbox/toolbox-gradient.png" />
  41.       </div>
  42.       <p>
  43.     The Blend tool renders a gradient based on the current foreground and
  44.     background colors. The start and end points are set using the mouse.
  45.     Simply drag and drop a line, and the gradient will be rendered using
  46.     the foreground color as the start and the background color as the end.
  47.     The quality of the resulting gradient will depend on the maximum number
  48.     of colors available to the blend tool. ("Blend" and "Gradient" are
  49.     often used interchangeably.)
  50.   </p>
  51.       <div class="simplesect" lang="en" xml:lang="en">
  52.         <div class="titlepage">
  53.           <div>
  54.             <div>
  55.               <h5 class="title"><a id="id2949662"></a>Activate Tool</h5>
  56.             </div>
  57.           </div>
  58.           <div></div>
  59.         </div>
  60.         <div class="itemizedlist">
  61.           <ul type="disc">
  62.             <li>
  63.               <p>
  64.           The Blend Tool can be called in the following
  65.           order, from the image-menu:
  66.           <span class="guimenuitem"><span class="accel">T</span>ools</span>/
  67.       <span class="guimenuitem"><span class="accel">P</span>aint Tools</span>/
  68.           <span class="guimenuitem">Blen<span class="accel">d</span></span>. 
  69.         </p>
  70.             </li>
  71.             <li>
  72.               <p>
  73.           The Tool can also be called by clicking the tool icon:
  74.           <span class="guiicon">
  75.             <img src="../images/toolbox/gradient.png" />
  76.           </span>
  77.         </p>
  78.             </li>
  79.           </ul>
  80.         </div>
  81.       </div>
  82.       <div class="simplesect" lang="en" xml:lang="en">
  83.         <div class="titlepage">
  84.           <div>
  85.             <div>
  86.               <h5 class="title"><a id="id2949723"></a>Key modifiers (Defaults)</h5>
  87.             </div>
  88.           </div>
  89.           <div></div>
  90.         </div>
  91.         <div class="variablelist">
  92.           <dl>
  93.             <dt>
  94.               <span class="term">Shortcut</span>
  95.             </dt>
  96.             <dd>
  97.               <p>
  98.             The <span><b class="keycap">L</b></span>
  99.             key will change the active tool to Gradient Fill.
  100.           </p>
  101.             </dd>
  102.             <dt>
  103.               <span class="term">
  104.           <span><b class="keycap">Ctrl</b></span>
  105.         </span>
  106.             </dt>
  107.             <dd>
  108.               <p>
  109.             <span><b class="keycap">Ctrl</b></span> is used to create straight lines that are
  110.             constrained to 15 degree absolute angles.
  111.           </p>
  112.             </dd>
  113.           </dl>
  114.         </div>
  115.       </div>
  116.       <div class="simplesect" lang="en" xml:lang="en">
  117.         <div class="titlepage">
  118.           <div></div>
  119.           <div></div>
  120.         </div>
  121.         <div class="variablelist">
  122.           <p class="title">
  123.             <b>Options</b>
  124.           </p>
  125.           <dl>
  126.             <dt>
  127.               <span class="term">Overview</span>
  128.             </dt>
  129.             <dd>
  130.               <p>
  131.           The available tool options can be accessed
  132.           by double clicking the Gradient Tool icon.
  133.           <span class="guiicon">
  134.             <img src="../images/toolbox/gradient.png" />
  135.           </span>
  136.         </p>
  137.             </dd>
  138.             <dt>
  139.               <span class="term">Opacity</span>
  140.             </dt>
  141.             <dd>
  142.               <p>
  143.           The Opacity slider sets the transparency level for the gradient. A
  144.           higher opacity setting results in a more opaque fill and a lower
  145.           setting results in a more transparent fill.
  146.         </p>
  147.             </dd>
  148.             <dt>
  149.               <span class="term">Mode</span>
  150.             </dt>
  151.             <dd>
  152.               <p>
  153.           The Mode dropdown list provides a selection of paint application
  154.           modes. A list of these modes can be found in the glossary. 
  155.         </p>
  156.             </dd>
  157.             <dt>
  158.               <span class="term">Gradient</span>
  159.             </dt>
  160.             <dd>
  161.               <p>
  162.       A variety of gradient patterns can be selected from the
  163.       drop-down list.  The tool causes a shading pattern that
  164.       transitions from foreground to background color, in the
  165.       direction the user determines by drawing a line in the
  166.       image.  For the purposes of drawing the gradient, the
  167.       <span class="guilabel">Reverse</span> checkbox switches foreground
  168.       and background.
  169.         </p>
  170.             </dd>
  171.             <dt>
  172.               <span class="term">Offset</span>
  173.             </dt>
  174.             <dd>
  175.               <p>
  176.           The <span class="guilabel">Offset</span> Value is the "slope" of the
  177.           gradient.
  178.         </p>
  179.             </dd>
  180.             <dt>
  181.               <span class="term">Shape</span>
  182.             </dt>
  183.             <dd>
  184.               <p>
  185.           The <span class="acronym">Gimp</span> provides 11 shapes, which can be
  186.       selected from the drop-down list.  Details on each of the
  187.       shapes are given below.
  188.     </p>
  189.               <p>
  190.           </p>
  191.               <div class="variablelist">
  192.                 <dl>
  193.                   <dt>
  194.                     <span class="term">Linear</span>
  195.                   </dt>
  196.                   <dd>
  197.                     <p>
  198.                   <span class="inlinemediaobject"><img src="../images/tool-options/gradient-linear.png" /></span>
  199.                 </p>
  200.                     <p>
  201.                   The <span class="guilabel">Linear</span>gradient begins 
  202.           with the foreground color at the starting point of the
  203.           drawn line and transitions linearly to the
  204.           background color at the ending point.
  205.                 </p>
  206.                   </dd>
  207.                   <dt>
  208.                     <span class="term">Bi-Linear</span>
  209.                   </dt>
  210.                   <dd>
  211.                     <p>
  212.                   <span class="inlinemediaobject"><img src="../images/tool-options/gradient-bilinear.png" /></span>
  213.                 </p>
  214.                     <p>
  215.           The <span class="guilabel">Bi-Linear</span> shape proceeds in both directions from the
  216.           starting point, for a distance determined by the
  217.           lenth of the drawn line.  It is useful, for example, for giving
  218.           the appearance of a cylinder.
  219.                 </p>
  220.                   </dd>
  221.                   <dt>
  222.                     <span class="term">Radial</span>
  223.                   </dt>
  224.                   <dd>
  225.                     <p>
  226.                   <span class="inlinemediaobject"><img src="../images/tool-options/gradient-radial.png" /></span>
  227.                 </p>
  228.                     <p>
  229.           The <span class="guilabel">Radial</span> gradient gives a
  230.           circle, with foreground color at the center and
  231.           background color outside the circle.  It gives the
  232.           appearance of a sphere without directional lighting.
  233.         </p>
  234.                   </dd>
  235.                   <dt>
  236.                     <span class="term">Square</span>
  237.                   </dt>
  238.                   <dd>
  239.                     <p>
  240.                   <span class="inlinemediaobject"><img src="../images/tool-options/gradient-square.png" /></span>
  241.                   <span class="inlinemediaobject"><img src="../images/tool-options/gradient-ang-shapeburst.png" /></span>
  242.                   <span class="inlinemediaobject"><img src="../images/tool-options/gradient-spher-shapeburst.png" /></span>
  243.                   <span class="inlinemediaobject"><img src="../images/tool-options/gradient-dim-shapeburst.png" /></span>
  244.                 </p>
  245.                     <p>
  246.           There are four shapes that are some variant on a
  247.           square: <span class="guilabel">Square</span>,
  248.           <span class="guilabel">Shapeburst(angular)</span>,
  249.           <span class="guilabel">Shapeburst(spherical)</span>, and
  250.           <span class="guilabel">Shapeburst(dimpled)</span>.  They all
  251.           put the foreground color at the center of a square,
  252.           whose center is at the start of the drawn line, and
  253.           whose half-diagonal is the length of the drawn line.
  254.           The four options provide a variety in the manner in
  255.           which the gradient is calculated; experimentation is
  256.           the best means of seeing the differences.
  257.                 </p>
  258.                   </dd>
  259.                   <dt>
  260.                     <span class="term">Conical (symmetric)</span>
  261.                   </dt>
  262.                   <dd>
  263.                     <p>
  264.                   <span class="inlinemediaobject"><img src="../images/tool-options/gradient-sym-conical.png" /></span>
  265.                 </p>
  266.                     <p>
  267.           The <span class="guilabel">Conical(symmetrical)</span> shape
  268.           gives the sensation of looking down at the tip of a
  269.           cone, which appears to be illuminated with the
  270.           background color from a direction determined by the
  271.           direction of the drawn line.
  272.                 </p>
  273.                   </dd>
  274.                   <dt>
  275.                     <span class="term">Conical (asymmetric)</span>
  276.                   </dt>
  277.                   <dd>
  278.                     <p>
  279.                   <span class="inlinemediaobject"><img src="../images/tool-options/gradient-asym-conical.png" /></span>
  280.                   </p>
  281.                     <p>
  282.           <span class="guilabel">Conical(asymmetric)</span> is similar
  283.           to <span class="guilabel">Conical(symmetric)</span> except
  284.           that the "cone" appears to have a ridge where the
  285.           line is drawn.
  286.                 </p>
  287.                   </dd>
  288.                   <dt>
  289.                     <span class="term">Spiral (clockwise)</span>
  290.                   </dt>
  291.                   <dd>
  292.                     <p>
  293.                   <span class="inlinemediaobject"><img src="../images/tool-options/gradient-clock-spiral.png" /></span>
  294.                   <span class="inlinemediaobject"><img src="../images/tool-options/gradient-anticlock-spiral.png" /></span>
  295.                 </p>
  296.                     <p>
  297.           The <span class="guilabel">Spiral</span> tools provide spirals
  298.           whose repeat width is determined by the length of
  299.           the drawn line.
  300.                 </p>
  301.                   </dd>
  302.                 </dl>
  303.               </div>
  304.               <p>
  305.         </p>
  306.             </dd>
  307.             <dt>
  308.               <span class="term">Repeat</span>
  309.             </dt>
  310.             <dd>
  311.               <p> 
  312.           There are two repeat modes: <span class="guilabel">Sawtooth Wave</span>
  313.           and <span class="guilabel">Triangular Wave</span>.  The Sawtooth
  314.       pattern is achieved by beginning with the foreground,
  315.       transitioning to the background, then starting over with the
  316.       foreground.  The Triangular starts with the foreground,
  317.       transitions to the background, then transitions back to the
  318.       foreground.
  319.         </p>
  320.             </dd>
  321.             <dt>
  322.               <span class="term">Dithering</span>
  323.             </dt>
  324.             <dd>
  325.               <p>
  326.           Dithering is fully explained in the <a href="go01.html#glossary-dithering">Glossary</a>
  327.         </p>
  328.             </dd>
  329.             <dt>
  330.               <span class="term">Adaptive Supersampling</span>
  331.             </dt>
  332.             <dd>
  333.               <p>
  334.       <span class="guilabel">Adaptive Supersampling</span> is a more
  335.       sophisticated means of smoothing the "jagged" effect of a
  336.       sharp transiton of color along a slanted or curved line.
  337.         </p>
  338.             </dd>
  339.           </dl>
  340.         </div>
  341.       </div>
  342.     </div>
  343.     <div class="navfooter">
  344.       <hr />
  345.       <table width="100%" summary="Navigation footer">
  346.         <tr>
  347.           <td width="40%" align="left"><a accesskey="p" href="ch03s03s03.html">Prev</a>┬á</td>
  348.           <td width="20%" align="center">
  349.             <a accesskey="u" href="ch03s03s03.html">Up</a>
  350.           </td>
  351.           <td width="40%" align="right">┬á<a accesskey="n" href="ch03s03s03s03.html">Next</a></td>
  352.         </tr>
  353.         <tr>
  354.           <td width="40%" align="left" valign="top">3.3.┬áPaint Tools┬á</td>
  355.           <td width="20%" align="center">
  356.             <a accesskey="h" href="index.html">Home</a>
  357.           </td>
  358.           <td width="40%" align="right" valign="top">┬á3.3.3.┬áPencil Tool</td>
  359.         </tr>
  360.       </table>
  361.     </div>
  362.   </body>
  363. </html>
  364.